<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>对象增强写法</title>
</head>

<body>

</body>
<script>
  // 普通写法
  const obj = new Object();
  // 字面量写法
  const obj1 = {
    name: 'why',
    age: 18,
    run: function () {
      console.log("在奔跑");
    },
    eat: function () {
      console.log('在吃东西');
    }
  };
  obj1.run();
  obj1.eat();

  console.log(obj1);

  // 1.属性的增强写法
  const name = 'why';
  const age = 18;
  const height = 185;

  // ES5语法
  const obj3 = {
    name: name,
    age: age,
    height: height
  }
  console.log(obj3);

  // ES6语法
  const obj4 = {
    name,
    age,
    height
  }
  console.log(obj4);

  // 2.函数的增强写法
  // ES5写法
  const obj5 = {
    run: function () {

    }
  }
  // ES6写法
  const obj6 = {
    run() {

    }
  }

  // es5 -> es6 
  // TypeScript ts（微软公司的，带类型检查）
  // flow react facebook公司的
  // angular google公司的
</script>

</html>